﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<VietThuongLMS.ViewModels.AlbumViewModel>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
<style>
.one_fourth 
{
    float: left !important;
}
</style>

    <div class="wrap_headline">
				<div class="headline">
					<h1>Hoạt động thành viên</h1>
				</div>
			</div>
			<div class="wrap_cont_nav">
				<div class="cont_nav">
					<a href='<%=ResolveUrl("~/")%>'>Trang chủ</a>&nbsp;/&nbsp;Hoạt động
				</div>
			</div>
			<div class="container">			
				<section id="middle">
					<div class="middle_inner">
<!-- __________________________________________________ Start Content -->

						<section id="middle_content">
							<div class="entry">
								<h2>Hình ảnh</h2>
								<section class="post_type_shortcode short">
                                    <% 
                                        if (@Model != null && @Model.List.Count > 0)
                                        {
                                            int i = 1;
                                            foreach (VietThuongLMS.Album @HinhAnh in @Model.List)
                                            {%>
									            <div class="one_fourth">
                                                    <article class="portfolio format-slider">
                                                        <div class="portfolio_inner">
                                                            <%--<a href="<%=@HinhAnh.Url %>" class="imgHoatDong" title=""></a>--%>
                                                            <a href="<%=ResolveUrl("~/")%>HoatDong/<%=@HinhAnh.ID%>/1" class="imgHoatDong" title=""></a>
												            <figure>
													            <%--<img src="<%=@HinhAnh.Url %>" alt="" class="fullwidth" />--%>
                                                                <img src="<%=ResolveUrl("~/")%><%=@HinhAnh.Url%>" alt="" class="fullwidth" />
												            </figure>
												            <div class="project_rollover" style="background-color:#6cc437;">
													            <header class="entry-header">
														            <h6 class="entry-title"><a href="album_four.html"><%=@HinhAnh.TenAlbum %></a></h6>
														            <%--<ul class="cmsms_category">
															            <li>20-06-2013</li>
														            </ul>--%>
														            <span class="cmsms_post_img"></span>
													            </header>
													            <%--<span class="entry-content">
														            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis arcu vitae magna egestas pulvinar vitae</p>
													            </span>--%>
												            </div>
                                                        </div>
                                                    </article>
                                                </div>
                                            <%}
                                        }%>
									<div class="cl"></div>
								</section>
								<div class="divider"></div>
								<h2>Video</h2>
								<section class="post_type_shortcode short">
                                <% 
                                    if (@Model != null && @Model.VideoList.Count > 0)
                                    {
                                        int i = 1;
                                        foreach (VietThuongLMS.Album @HinhAnh in @Model.VideoList)
                                        {%>
									<div class="one_fourth">
                                        <article class="portfolio format-video">
                                            <div class="portfolio_inner" style="width:200px;height:200px;">
                                                <div class="wp-caption aligncenter">
                                                    <a class='youtube' href="<%=ResolveUrl("~/")%>HoatDong/<%=@HinhAnh.ID%>/2">
                                                        <img src="<%=ResolveUrl("~/")%><%=@HinhAnh.Url %>" width="200" alt="" title="This is caption" />
                                                    </a>
													<p class="wp-caption-text" style="color:#727A7E"><%=@HinhAnh.TenAlbum%></p>
												</div>
                                            </div>
                                        </article>
                                    </div>
                                    <%}
                                    } %>
								</section>
								
							</div>
						</section>
<!-- __________________________________________________ Finish Sidebar -->	
						
						</div>
					</div>
				</section>
                
		<%--<script src="<%=ResolveUrl("~/Plugins/Colorbox/jquery.colorbox-min.js")%>" type="text/javascript"></script>
        <script>
            $(document).ready(function () {
                //Examples of how to assign the Colorbox event to elements
                $(".imgHoatDong").colorbox({ rel: 'imgHoatDong' });

                $(".youtube").colorbox({ iframe: true, innerWidth: 640, innerHeight: 390 });

            });
		</script>--%>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server">
    <title><%=Resources.Global.title%> - <%=Resources.Global.hoat_dong%></title>
		<link rel="stylesheet" href="<%=ResolveUrl("~/Plugins/Colorbox/colorbox.css")%>" type="text/css" media="screen" />
</asp:Content>
